import { Collapse } from 'antd';
// import{ CloseOutlined }from '@ant-design/icons'
const text = `
账号为您的手机号,初始密码为123456。密码不正确可通过忘记密码设置新密码重新登录。
`;
const text2 = `
您的摄像头上有污渍,请擦拭您的摄像头
`;
const text3 = `
您的麦克风不太好
`;
const text4 = `
麦克风有杂音
`;
const text5 = `
账号为您的手机号,初始密码为123456。密码不正确可通过忘记密码设置新密码重新登录。
`;
const tex6t = `
账号为您的手机号,初始密码为123456。密码不正确可通过忘记密码设置新密码重新登录。
`;
const tex7t = `
账号为您的手机号,初始密码为123456。密码不正确可通过忘记密码设置新密码重新登录。
`;
const tex8t = `
账号为您的手机号,初始密码为123456。密码不正确可通过忘记密码设置新密码重新登录。
`;

const items = [
  {
    key: '1',
    label: '1.初始密码如何设置是什么?',
    children: <p>{text}</p>,
  },
  {
    key: '2',
    label: '2.摄像头看不见?',
    children: <p>{text2}</p>,
  },
  {
    key: '3',
    label: '3.麦克风无声或者声音很小',
    children: <p>{text3}</p>,
  },
  {
    key: '4',
    label: '4.麦克风有杂音?',
    children: <p>{text}</p>,
  },
  {
    key: '5',
    label: '5.扬声器听不见?',
    children: <p>{text}</p>,
  },
  {
    key: '6',
    label: '6.客户端卡顿?',
    children: <p>{text}</p>,
  },
  {
    key: '7',
    label: '7.课件上传注意什么问题?',
    children: <p>{text}</p>,
  },
  {
    key: '8',
    label: '8.待上课程列表中没有课程怎么办?',
    children: <p>{text}</p>,
  },
];
const App = () => {
  const onChange = (key) => {
    console.log(key);
  };
  return (
    <>
    <div>
    
      <h2>用户帮助</h2>
      <Collapse items={items} defaultActiveKey={['0']} onChange={onChange} />
    </div>
    
    </>
  );
};
export default App;